@import './normalize.less';
@import './base.less';
@import './variable.less';

.mmb_content {
  background-color: #fff;
  padding: 20rem/@base;
  .top {
    h4 {
      line-height: 75rem/@base;
      font-size: 40rem/@base
    }
    h5 {
      font-size: 26rem/@base;
      color: #ff5f00;
    }
    p {
      line-height: 70rem/@base;
      font-size: 22rem/@base;
      color: #a19f9e;
    }
  }
  .center {

    .left {
      width: 430rem/@base;
      float: left;
      p {
        font-size: 30rem/@base;
        color: #4a4f56;
      }
    }
    .right {
      float: right;
      width: 250rem/@base;
      padding: 10rem/@base;
    }
  }

  #disstorck {
    width: 273rem/@base;
    margin: 0 auto 25rem/@base;
    padding: 10rem/@base 22rem/@base 15rem/@base;
    box-shadow: 1rem/@base 1rem/@base 3rem/@base #ccc;
    li {
      border-bottom: 1rem/@base dashed #d0d0d0;
      height: 40rem/@base;
      a {
        line-height: 39rem/@base;
        font-size: 24rem/@base;
        color: #202020;
      }
      strong {
        float: right;
        color: #f48805;
      }
    }
  }
}
.letgo {
  background-color: #fff;
  height: 150rem/@base;
  margin-top: 90rem/@base;

  a {
    width: 670rem/@base;
    height: 60rem/@base;
    background-color: @totalColor;
    line-height: 60rem/@base;
    color: #fff;
    text-align: center;
    margin: 0 auto;
    border-radius: 10rem/@base;
  }
}
.mmb_footer {
  padding-top: 0;
}
.cu-content-pl {
  padding: 30rem/@base 0 10rem/@base;
  .tit {
    height: 90rem/@base;
    line-height: 90rem/@base;
    font-size: 32rem/@base;
  }
  .reply {
    border: 2rem/@base solid #e7e4e1;
    border-radius: 5rem/@base;
    overflow: hidden;
    textarea {
      width: 100%;
      height: 150rem/@base;
    }
    .ctrl {
      height: 72rem/@base;
      background-color: #fbfbfb;
      border: 1rem/@base solid #f4f4f4;
      input {
        width: 200rem/@base;
        height: 72rem/@base;
        background-color: #ff841d;
        color: #fff;
        border: 1rem/@base solid #ff7204;
        float: right;
        margin-right: -2rem/@base;
      }
    }
  }
  .list {
    overflow: hidden;
    .ui-border-b {
      overflow: hidden;
      margin-bottom: 20rem/@base;
    }
    .userimg {
      float: left;
      width: 80rem/@base;
      height: 80rem/@base;
      border-radius: 50%;
      overflow: hidden;
      margin-top: 5rem/@base;
    }
    .con {
      float: right;
      width: 615rem/@base;
      .username {
        float: left;
        line-height: 45rem/@base;
        font-size: 24rem/@base;
        color: #4b8bbd;
      }
      .time {
        float: right;
        font-size: 20rem/@base;
        color: #848394;
        line-height: 45rem/@base;
        
      }
    }
    .content {
      // line-height: 55rem/@base;
      font-size: 26rem/@base;
      img {
        display: inline-block;
        width: 22rem/@base;
        height: 22rem/@base;
      }
    }
  }
}